<template>
  <div>
    <el-table
      :data="tableData"
      stripe
      border
      :max-height="maxTableHeight"
      style="width: 100%">
      <el-table-column
        type="selection"
        width="55">
      </el-table-column>
      <el-table-column
        prop="date"
        label="名称"
        width="180"
        resizable
        sortable
        show-overflow-tooltip
        align="left">
      </el-table-column>
      <el-table-column
        prop="name"
        label="权限集"
        width="180"
        resizable>
      </el-table-column>
      <el-table-column
        prop="address"
        label="描述"
        resizable>
      </el-table-column>
      <el-table-column
        label="操作"
        align="center"
        resizable>
        <template slot-scope="scope">
          <!-- <el-button
            size="mini"
            type="warning"
            icon="el-icon-edit"
            plain
            @click="handleEdit(scope.$index, scope.row)">编辑</el-button> -->
          <el-button
            size="mini"
            type="danger"
            icon="el-icon-delete"
            plain
            @click="handleDelete(scope.$index, scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <!-- <edit ref="edit"></edit> -->
  </div>
  
</template>

<script>
  // import Edit from './Edit.vue'
  export default {
    components: {
      // Edit
    },
    props: {
      maxTableHeight: {
        type: String | Number
      }
    },
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }],
      }
    },
    methods: {
      // handleEdit() {
      //   this.$refs.edit.togglePopup(true)
      // }
    }
    
  }
</script>